<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"  >
<head>	
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
	<title>Test jqGrid</title>
	
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta http-equiv="Cache-Control" content="No-Cache" />
	<meta http-equiv="Pragma" content="No-Cache" />
	<meta http-equiv="imagetoolbar" content="false" />

	<link href="/{SKIN_TYPE}/css/common/style.css" type="text/css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="/{SKIN_TYPE}/css/common/ui.only_jqgrid.css" media="all" />
<!-- 	<link rel="stylesheet" type="text/css" href="/{SKIN_TYPE}/css/common/ui.jqgrid.css" media="all" /> -->
	<link rel="stylesheet" type="text/css" href="/{SKIN_TYPE}/css/common/treeview.css" media="all" />
	
	<script type="text/javascript" src="/js/common/jquery-1.9.0.min.js"></script>
	<script type="text/javascript" src="/js/common/grid.locale-kr.js"></script>
	<script type="text/javascript" src="/js/common/jquery.jqGrid.src.js"></script>
<!-- 	<script type="text/javascript" src="/js/common/jqgrid.js"></script> -->
	<script type="text/javascript" src="/js/common/treeview.js"></script>

	<link rel="stylesheet" type="text/css" href="/{SKIN_TYPE}/css/common/jquery-ui-1.10.3.custom.css" media="all" />
	<script type="text/javascript" src="/js/common/jquery-ui-1.10.3.custom.min.js"></script>
	
	
<script type="text/javascript">
	/* 게시판 리스트*/
function initGrid() {
	
	$("#gridList").jqGrid({
		url:'test2.jsp',
		mtype: 'get',
		//postData: {board_id: $("#board_id").val()},
		datatype: "json",
		colNames:['번호','아이디','제목','날짜','조회수'],
		colModel:[
				{name:'board_no',index:'board_no', width:50,align:"right",key:true},
				{name:'user_id',index:'user_id', width:80,align:"left",editable:true,editoptions:{size:"20",maxlength:"30"}},
				{name:'title',index:'title', width:180,align:"left",editable:true,editoptions:{size:"20",maxlength:"30"}},
				//{name:'CONTENT',index:'CONTENT', width:150, align:"left",editable:true,edittype:"select",editoptions:{value:"FE:FedEx;IN:InTime;TN:TNT;AR:ARAMEX"}},
				{name:"write_date",index:'write_date', width:100,align:"right"},
				{name:'hit_count',index:'hit_count', width:50,align:"right",editable:true}
			],
		//loadonce:true,
		rowList: [0,5,10,15,20],
		rowNum:5,
		height:220,
		autowidth : true,
		sortname: "BOARD_GROUP",
		sortorder: 'DESC',
		viewrecords: true,
		multiselect: true,//앞에 체크박스처리
		multikey: "",//multikey: "ctrlKey/shiftKey",
		pager: '#pager_id',
		//editurl: "server.json",
      
		onSelectRow: function(id){  //row가 선택되었을 경우
			if(id && id!==lastsel3){
				jQuery('#gridList').restoreRow(lastsel3);
				//jQuery('#gridList').editRow(id,true,pickdates);
				lastsel3=id;
				getHitCountPlus(id);//조회수 증가
				getBoardView(id);//게시물상세보기
			}
		},
		
		/*
		jsonReader: {//스크롤할때마다 가져오기
			repeatitems : true,
			cell:"",
			id: "0"
		},
		
		afterInsertRow: function(rowid, aData){
			switch (aData.name) {
				case 'Client 1':
					jQuery("#gridList").setCell(rowid,'total','',{color:'green'});
					break;
				case 'Client 2':
					jQuery("#gridList").setCell(rowid,'total','',{color:'red'});
					break;
				case 'Client 3':
					jQuery("#gridList").setCell(rowid,'total','',{color:'blue'});
					break;

			}
		},
		*/
		loadError : function(xhr,st,err) {
			//jQuery("#rsperror").html("Type: "+st+"; Response: "+ xhr.status + " "+xhr.statusText);
		},
		emptyrecords: "데이터가 존재하지 않습니다.",
		caption:'테이블',
		jsonReader: {
			repeatitems:false
		}
	});
	$("#gridList").jqGrid('navGrid','#pager_id',{edit:false,add:false,del:false,search:true});
}

var lastsel3;
$(document).ready(function(){
	initGrid();
});

</script>
	
</head>
<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
<!--[if IE 7 ]> <body class="ie7"> <![endif]-->
<!--[if IE 8 ]> <body class="ie8"> <![endif]-->
<!--[if !IE]>--> <body> <!--<![endif]-->

<!-- (s)wrap -->
<div id="wrap">
<!-- (s)header -->
<div id="header">
	<h1 class="logo"><a href="/">REDOWL</a></h1>
	<ul class="unit">
		<li class="txt"><span>관리자님</span> 환영합니다</li>
		<li><a href="#" class="btn_login"><img src="/{SKIN_TYPE}/images/btn_logout.png" alt="로그아웃" /></a></li>
		<li><a href="#" class="btn_help"><img src="/{SKIN_TYPE}/images/btn_help.png" alt="도움말" /></a></li>
	</ul>
</div>
<!-- (e)header -->
<!-- (s)Container -->
<div id="container">
	<!-- (s)lnb_area -->
	<div class="lnb_area">
		<div class="lnb_srch">
			<select>
				<option>시스템명</option> <!-- 0627 수정 -->
				<option>IP주소</option>
			</select>
			<input type="text" value="검색" />
			<input type="submit" class="btn_srch" />
		</div>
		<div class="lnb_menu">
			<ul class="group_unit">
				<li class="group_admin"><a href="#"><img src="/{SKIN_TYPE}/images/group_admin.gif" alt="그룹관리" /></a></li>
				<li class="group_add"><a href="#"><img src="/{SKIN_TYPE}/images/group_add.gif" alt="그룹추가" /></a></li>
				<li class="group_minus"><a href="#"><img src="/{SKIN_TYPE}/images/group_minus.gif" alt="그룹삭제" /></a></li>
				<li class="group_edit"><a href="#"><img src="/{SKIN_TYPE}/images/group_edit.gif" alt="그룹편집" /></a></li>
			</ul>
			<ul class="lnb_tab">
				<li class="tab_system on"><a href="#"><img id="tree_system" src="/{SKIN_TYPE}/images/lnb_tab1_on.gif" alt="시스템" /></a></li>
				<li class="tab_user"><a href="#"><img id="tree_user" src="/{SKIN_TYPE}/images/lnb_tab2.gif" alt="사용자" /></a></li>
			</ul>
		</div>
		<!-- (s)tree menu -->
		<div class="lnb_tree">
			<ul id="browser" class="filetree">
				<li><span class="folder">1 Depth</span>
					<ul>
						<li><span class="file">2 Depth</span></li>
					</ul>
				</li>
				<li><span class="folder">1 Depth</span>
					<ul>
						<li><span class="folder">2 Depth</span>
							<ul id="folder21">
								<li><span class="file">3 Depth</span>
									<ul id="folder21">
										<li><span class="file">4 Depth</span></li>
										<li><span class="file">4 Depth</span></li>
									</ul>
								</li>
								<li><span class="file">3 Depth</span></li>
							</ul>
						</li>
						<li><span class="file">2 Depth</span></li>
					</ul>
				</li>
				<li class="closed"><span class="folder">1 Depth</span>
					<ul>
						<li><span class="file">2 Depth</span></li>
					</ul>
				</li>
				<li><span class="file">1 Depth</span></li>
			</ul>
		</div>
		<!-- (e)tree menu -->
	</div>
	<!-- (e)lnb_area -->

	<!-- (s)contents -->
	<div class="contents layout_session"> <!-- 세션 클래스 추가 : layout_session -->
		<!-- (s)gnb -->
		<div class="gnb">
			<ul class="depth_1">
				<li><a href="#"><img src="/{SKIN_TYPE}/images/menu1.jpg" alt="현황판" /></a></li>
				<li><a href="#"><img src="/{SKIN_TYPE}/images/menu2.jpg" alt="시스템" /></a></li>
				<li><a href="#"><img src="/{SKIN_TYPE}/images/menu9.jpg" alt="사용자" /></a></li>
				<li><a href="#"><img src="/{SKIN_TYPE}/images/menu3.jpg" alt="정책" /></a></li>
				<li><a href="#"><img src="/{SKIN_TYPE}/images/menu4.jpg" alt="계정" /></a></li>
				<li><a href="#"><img src="/{SKIN_TYPE}/images/menu5.jpg" alt="권한" /></a></li>
				<li><a href="#"><img src="/{SKIN_TYPE}/images/menu6.jpg" alt="작업" /></a></li>
				<li><a href="#"><img src="/{SKIN_TYPE}/images/menu7.jpg" alt="세션" /></a></li>
				<li><a href="#"><img src="/{SKIN_TYPE}/images/menu8_on.jpg" alt="로그" /></a></li>
			</ul>
		</div>
		<!-- (e)gnb -->

		<!-- (s)section_wrap -->
		<div class="section_wrap">
			<!-- (s)cont_main -->
			<div class="cont_main">
				<div class="cont_title">
					<h2>전체시스템</h2>
					<ul class="btn_box">
						<li class="log">
							<select class="sel_pw">
								<option>전체로그</option>
								<option>로그온/오프</option>
								<option>비밀번호 변경</option>
								<option>계정관리</option>
								<option>대상 적용결과</option>
								<option>동기화 작업</option>
								<option>로컬 변경추적</option>
								<option>명령어 검색</option>
							</select>
							<input type="text" id="" name="" class="txt_1" value="04월" />
							<input type="text" id="" name="" class="txt_2" value="23일" />
							<input type="text" id="" name="" class="txt_3" value="12시부터" />
							<select class="sel_array">
								<option>오름차순</option>
								<option>내림차순</option>
							</select>
							<select class="sel_log">
								<option>전체계정</option>
								<option>계정</option>
								<option>원격지</option>
								<option>사용자</option>
							</select>
						</li>
					</ul>
				</div>
				<div class="main_box">
				<!-- jqGrid -->
					<div class="gridJ" style="width:780px"><table id="gridList"></table></div>
					<div id="pager_id"></div>

				</div>
			</div>
			<!-- (e)cont_main -->

			<!-- (s)cont_botlist -->
			<div class="cont_botlist">
				<div class="cont_title">
					<h2>redhat-joins7-centos</h2>
					
				</div>
				<div class="list_box">
					<table class="table_2">
						<colgroup>
							<col width="" />
							<col width="" />
							<col width="" />
							<col width="" />
						</colgroup>
						<tbody>
							<tr>
								<th>로그시간</th>
								<td>2013-04-11 10:32:32</td>
								<th>서비스</th>
								<td>webadmin</td>
							</tr>
							<tr>
								<th>로그구분</th>
								<td><span class="txt_blue">계정관리</span></td> <!-- 0627 수정 -->
								<th>결과</th>
								<td><span class="txt_red">실패</span></td>
							</tr>
							<tr>
								<th>작업구분</th>
								<td>계정 등록</td>
								<th rowspan="5">상세내역</th>
								<td rowspan="5" class="log_detail">
									<textarea class="ly_textarea"></textarea>
								</td>
							</tr>
							<tr>
								<th>사용자</th>
								<td>adadmin</td>
							</tr>
							<tr>
								<th>계정</th>
								<td>adadmin</td>
							</tr>
							<tr>
								<th>원격지</th>
								<td>192.168.1.1</td>
							</tr>
							<tr>
								<th>대상시스템</th>
								<td>IDMServer</td>
							</tr>
						</tbody>
					</table>
					
					
				</div>
			</div>
			<!-- (e)cont_botlist -->
		</div>
		<!-- (e)section_wrap -->
	</div>
	<!-- (e)contents -->
</div>
<!-- //(e)Container -->

</div>
<!-- (e)wrap -->
					

</body>
</html>